<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <link rel="stylesheet" th:href="@{/static/layui/css/layui.css}">

</head>
<body>

<div class="layui-container">
    <!--  分割线-->
    <div class="layui-progress" style="margin: 15px 0 30px;">
        <div class="layui-progress-bar" lay-percent="100%"></div>
    </div>

    <!--    按钮-->
    <div class="layui-btn-container">
        <a th:href="@{/hello}" class="layui-btn" test-active="test-form">hello</a>
        <a th:href="@{/hello2}" class="layui-btn layui-btn-normal" test-active="test-form">hello2</a>
    </div>

    <!-- 获取请求参数值-->
    <div class="layui-progress" style="margin: 15px 0 30px;">
        <div class="layui-progress-bar" lay-percent="100%"></div>
    </div>
    <div class="layui-btn-container">
        <a th:href="@{/param/}" class="layui-btn" test-active="test-form">去获取请求参数值</a>
    </div>


    <!-- 从域对象中获取值-->
    <div class="layui-progress" style="margin: 15px 0 30px;">
        <div class="layui-progress-bar" lay-percent="100%"></div>
    </div>
    <div class="layui-btn-container">
        <a th:href="@{/msg/old}" class="layui-btn" test-active="test-form">使用老的方式</a>
        <a th:href="@{/msg/mav}" class="layui-btn" test-active="test-form">使用mav的方式</a>
        <a th:href="@{/msg/model}" class="layui-btn layui-btn-warm" test-active="test-form">使用Model的方式</a>
        <a th:href="@{/msg/mp}" class="layui-btn layui-btn-warm" test-active="test-form">使用ModelMap的方式</a>
        <a th:href="@{/msg/map}" class="layui-btn layui-btn-warm" test-active="test-form">使用Map的方式</a>
        <a th:href="@{/msg/session}" class="layui-btn" test-active="test-form">session会话域</a>
        <a th:href="@{/msg/app}" class="layui-btn layui-btn-danger" test-active="test-form">app应用域</a>
    </div>


    <!-- restful案列-->
    <div class="layui-progress" style="margin: 15px 0 30px;">
        <div class="layui-progress-bar" lay-percent="100%"></div>
    </div>
    <div class="layui-btn-container">
        <a th:href="@{/emp/}" class="layui-btn" test-active="test-form">员工信息案列（restful）</a>
    </div>

    <!-- ajax案列-->
    <div class="layui-progress" style="margin: 15px 0 30px;">
        <div class="layui-progress-bar" lay-percent="100%"></div>
    </div>
    <div class="layui-btn-container">
        <a th:href="@{/axios/}" class="layui-btn" test-active="test-form">学习ajax</a>
    </div>

    <!-- 文件上传和下载案列-->
    <div class="layui-progress" style="margin: 15px 0 30px;">
        <div class="layui-progress-bar" lay-percent="100%"></div>
    </div>
    <div class="layui-btn-container">
        <a th:href="@{/file/}" class="layui-btn" test-active="test-form">文件上传和下载</a>
    </div>

</div>


<!-- body 末尾处引入 layui -->
<script th:src="@{/static/layui/layui.js}"></script>
</body>
</html>